<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <style media="screen">
      body{background: #DCDCDC}
      .monitoring_box1{background: #FFFFFF;border-radius: 5px;height: 60px;margin-top: 10px;}
      .monitoring_box1_p1{font-size: 18px;width: 16%;float: left;padding-left: 5px;}
      .monitoring_box1_select{color: grey;display: inline-block;width:35%;margin-top: 12px;font-size: 18px;height: 30px;border-radius: 5px;}
      .monitoring_box1_p2{font-size: 15px;width: 30%;display: inline-block;float: right;padding-top: 5px;}
      .monitoring_box2{background: #FFFFFF;border-radius: 5px;height: 90px;margin-top: 10px;}
      .monitoring_box2_pic{width: 45px;height: 45px;}
      .monitoring_box2_left{width: 15%;float: left;padding-top: 13px;padding-left: 15px;}
      .monitoring_box2_center{width: 30%;display: inline-block;line-height: 5px;padding-top: 7px;}
      .monitoring_box2_center_p1{font-size: 18px;}
      .monitoring_box2_center_p2{font-size: 8px;color: grey}
      .monitoring_box2_right{width: 45%;float: right;display: inline-block;}
      .monitoring_box2_pic2{width: 50px;height: 50px;padding-top: 9px;padding-left: 30px;}
      .monitoring_box2_right_samllbox{height: 40px;border-color: #000000;display: inline-block;border: 1px solid #000;width: 60px;box-shadow: 0 0 3px 3px #333;}
      .monitoring_box2_right_samllbox_left{width: 48%;float: left;border-right: 1px solid #000;height: 40px;text-align: center;font-size: 14px;color: grey}
      .monitoring_box2_right_samllbox_right{width: 50%;float: right;display: inline-block;text-align: center;height: 40px;font-size: 14px;color: blue}
      .monitoring_box2_p{font-size: 9px;color: grey;text-align: right;padding-right: 5px;}
      .monitoring_box3{background: #FFFFFF;border-radius: 5px;height: 90px;margin-top: 4px;}
      .monitoring_box4{background: #FFFFFF;border-radius: 5px;height: 90px;margin-top: 10px;}
      .monitoring_box4_pic{width: 45px;height: 45px;}
      .monitoring_box4_box1{width: 15%;float: left;padding-top: 13px;padding-left: 15px;}
      .monitoring_box4_box2{width: 30%;display: inline-block;line-height: 5px;padding-top: 7px;}
      .monitoring_box4_center_p1{font-size: 14px;}
      .monitoring_box4_center_p2{font-size: 8px;color: grey}
      .monitoring_box4_p1{font-size: 9px;color: grey;text-align: right;padding-right: 15px;padding-top: 78px;}
      .monitoring_box4_box1{width: 15%;float: left;padding-top: 13px;padding-left: 15px;}
      .monitoring_box4_box2{width: 25%;float: left;display: inline-block;line-height: 5px;padding-top: 7px;}
      .monitoring_box4_box3{margin-left: 10px;margin-top: 10px;width:15%;float:left;height:50px;text-align:center;color:blue;background:#DCDCDC;font-size:15px;border: 1px solid #DCDCDC;border-radius: 5px;display:inline-block;}
      .monitoring_box4_box4{margin-top: 10px;margin-left: 5px;width:15%;float: left;height:50px;text-align:center;color:black;font-size:15px;display:inline-block;border: 1px solid #DCDCDC;border-radius: 5px;}
      .monitoring_box4_box5{margin-top: 10px;width:15%;float: right;height:50px;text-align:center;color:black;font-size:15px;display:inline-block;border: 1px solid #DCDCDC;border-radius: 5px;margin-right:11px;}
      .monitoring_box4_p{height: 15px;}
      .monitoring_box111{height: 200px;background: #000;border: 1px solid #FFF;border-radius: 5px;}
    </style>
  </head>
  <body>
    <div class="monitoring_box111">

    </div>
    <div class="monitoring_box1">
      <p class="monitoring_box1_p1">类型：</p>
      <select class="monitoring_box1_select" name="">
    <option value="">开关控制器</option>
    <option value=""> 双向控制器</option>
      </select>
      <p class="monitoring_box1_p2" onclick="">批量控制</p>
    </div>
    <div class="monitoring_box2">
      <div class="monitoring_box2_left">
        <img src="..\..\..\image\fan.jpg" class="monitoring_box2_pic">
      </div>
      <div class="monitoring_box2_center">
        <p class="monitoring_box2_center_p1">电磁阀1</p>
        <p class="monitoring_box2_center_p2">sn:0000031720022100</p>
      </div>
      <div class="monitoring_box2_right">
        <img src="..\..\..\image\black_point.jpg" class="monitoring_box2_pic2">
        <div class="monitoring_box2_right_samllbox">
          <div class="monitoring_box2_right_samllbox_left" onclick="">
            <p>开</p>
          </div>
          <div class="monitoring_box2_right_samllbox_right" onclick="">
            <p>关</p>
          </div>
        </div>
      </div>
      <p class="monitoring_box2_p">更新：2018-05-29&nbsp16:56:27</p>
    </div>

    <div class="monitoring_box3">
      <div class="monitoring_box2_left">
        <img src="..\..\..\image\fan.jpg" class="monitoring_box2_pic">
      </div>
      <div class="monitoring_box2_center">
        <p class="monitoring_box2_center_p1">单孔插座2</p>
        <p class="monitoring_box2_center_p2">sn:0000031720022100</p>
      </div>
      <div class="monitoring_box2_right">
        <img src="..\..\..\image\black_point.jpg" class="monitoring_box2_pic2">
        <div class="monitoring_box2_right_samllbox">
          <div class="monitoring_box2_right_samllbox_left" onclick="">
            <p>开</p>
          </div>
          <div class="monitoring_box2_right_samllbox_right" onclick="">
            <p>关</p>
          </div>
        </div>
      </div>
      <p class="monitoring_box2_p">更新：2018-05-29&nbsp16:56:27</p>
    </div>

    <div class="monitoring_box3">
      <div class="monitoring_box2_left">
        <img src="..\..\..\image\tap.png" class="monitoring_box2_pic">
      </div>
      <div class="monitoring_box2_center">
        <p class="monitoring_box2_center_p1">单孔插座</p>
        <p class="monitoring_box2_center_p2">sn:0000031720022100</p>
      </div>
      <div class="monitoring_box2_right">
        <img src="..\..\..\image\black_point.jpg" class="monitoring_box2_pic2">
        <div class="monitoring_box2_right_samllbox">
          <div class="monitoring_box2_right_samllbox_left" onclick="">
            <p>开</p>
          </div>
          <div class="monitoring_box2_right_samllbox_right" onclick="">
            <p>关</p>
          </div>
        </div>
      </div>
      <p class="monitoring_box2_p">更新：2018-05-29&nbsp16:56:27</p>
    </div>

    <div class="monitoring_box4">
      <div class="monitoring_box4_box1">
        <img src="..\..\..\image\roller.png" class="monitoring_box4_pic">
      </div>
      <div class="monitoring_box4_box2">
        <p class="monitoring_box4_center_p1">双向控制2</p>
        <p class="monitoring_box4_center_p2">sn:0000031720022100</p>
      </div>
        <div class="monitoring_box4_box3">
          <p>展开</p>
        </div>
        <div class="monitoring_box4_box4">
          <p>停止</p>
        </div>
        <div class="monitoring_box4_box5">
          <p>收拢</p>
      </div>
      <div class="monitoring_box4_p">
          <p class="monitoring_box4_p1">更新：2018-05-29&nbsp16:56:27</p>
      </div>
    </div>

    <div class="monitoring_box4">
      <div class="monitoring_box4_box1">
        <img src="..\..\..\image\roller.png" class="monitoring_box4_pic">
      </div>
      <div class="monitoring_box4_box2">
        <p class="monitoring_box4_center_p1">220V卷膜机</p>
        <p class="monitoring_box4_center_p2">sn:0000031720022100</p>
      </div>
        <div class="monitoring_box4_box3">
          <p>展开</p>
        </div>
        <div class="monitoring_box4_box4">
          <p>停止</p>
        </div>
        <div class="monitoring_box4_box5">
          <p>收拢</p>
      </div>
      <div class="monitoring_box4_p">
          <p class="monitoring_box4_p1">更新：2018-05-29&nbsp16:56:27</p>
      </div>
    </div>

    <div class="monitoring_box4">
      <div class="monitoring_box4_box1">
        <img src="..\..\..\image\roller.png" class="monitoring_box4_pic">
      </div>
      <div class="monitoring_box4_box2">
        <p class="monitoring_box4_center_p1">双向控制</p>
        <p class="monitoring_box4_center_p2">sn:0000031720022100</p>
      </div>
        <div class="monitoring_box4_box3">
          <p>展开</p>
        </div>
        <div class="monitoring_box4_box4">
          <p>停止</p>
        </div>
        <div class="monitoring_box4_box5">
          <p>收拢</p>
      </div>
      <div class="monitoring_box4_p">
          <p class="monitoring_box4_p1">更新：2018-05-29&nbsp16:56:27</p>
      </div>
    </div>
  </body>
</html>
